JS - 日期選擇欄位

Posted on | In

需引入jQuery函式庫，使用的是jQuery的Datepicker部件

1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
    ...
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    ...
	<script>
		$( function() {
			$( ".datepicker" ).datepicker({dateFormat: "yy-mm-dd"});
		} );
	</script>
    ....
</head>

日期 : <input type="text" class="datepicker" name="date" size="8" placeholder="請選擇">

非常好用，網路上的介紹也非常多！
官方文檔：https://jqueryui.com/datepicker/